<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>

<!-- 表单标签 -->
		<!-- placeholder  文本框中的提示  所有可以输入的标签都能使用-->
		<!-- disabled    禁用  -->
		<!-- value  设置默认值 -->
		<!-- checked   用于单选框和复选框的默认选中 -->
		<!-- selected 用于下拉框设置默认选中 -->
		<!-- hidden    隐藏字段 -->
	<!-- type -->
		<!-- text  文本输入框   什么都能输入 -->

	<!-- password  密码输入框  什么都能输入  但输入内容不可见 -->
	<!-- br  换行 -->
	<!-- radio   单选框  name 可以用来组成单选框组 产生互斥效果 -->
	<!-- checkbox   多选框 -->
	<!-- textarea   文本域   能多行输入的输入框-->
		<!-- cols   控制文本域宽度   -->
		<!-- rows   控制文本域高度 -->
<form>
	账号：
	<input type="text" name="" placeholder="请输入你的账号" value="123456">
	密码：
	<input disabled type="password" name="" placeholder="请输入你的密码">
	<br>
	性别：
	<input type="radio" name="sex" id="a" checked>
	<label for="a">男</label>
	<input type="radio" name="sex" id="b">
	<label for="b">女</label>
	<br>
	爱好：
	<input type="checkbox" name="" id="c">
	<label for="c">无畏契约</label>
	<input type="checkbox" name="" id="d">
	<label for="d">永劫无间</label>
	<input type="checkbox" name="" id="f">
	<label for="f">英雄联盟</label> 
	<input type="checkbox" name="" id="g">
	<label for="g">PUBG</label> 
	<br>
	建议：
	<textarea cols="45" rows="3"></textarea>
	<br>
	<!-- 下拉框  -->
		<!-- 一个option代表一个选项 -->
		身高：
	<select>
		<option>155cm</option>
		<option>160cm</option>
		<option>165cm</option>
		<option selected>170cm</option>	
	</select>
	体重：
	<select>
		
		<optgroup label="L">
			<option>90</option>
			<option>100</option>
		</optgroup>
	

	<optgroup label="XL">
			<option>110</option>
			<option>120</option>
	</optgroup>
	<optgroup label="XXL">
			<option>140</option>
			<option>150</option>
	</optgroup>
	</select>
	<br>
	<input type="submit" name="" value="提交">
	<input type="reset" name="" value="重置">

	<!-- 以上两个专门给form标签使用的 -->


	<br>
	<button type="button">我是普通按钮  可以单独使用</button>


</form>


<!-- 可以单独使用  不是组合标签 -->
<!-- 写在form 手机为了在js中方便获取数据和方便重置表单 -->
<input type="" name="">
<button>按钮</button>



</body>
</html>